/*body{*/
    /*overflow: hidden;*/
    /*height: 100%;*/
/*}*/

/*a{*/
    /*text-decoration: none;*/
    /*color:#555;*/
/*}*/

/*.clr{*/
    /*width:0;*/
    /*height:0;*/
    /*overflow:hidden;*/
    /*clear: both;*/
    /*padding: 0;*/
    /*margin: 0;*/
/*}*/
/*.container{*/
    /*position: relative;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*padding:0px 0px;*/
    /*margin: 0px, 0px;*/
/*}*/
.st-container{
    width: 100%;
    height: 100%;
    position: absolute;
    /*margin:0;*/
    left: 0;
    bottom: 0;
    font-family: "Microsoft YaHei","Myriad Pro",Arial, sans-serif;
    text-align: center;
}

/*.st-container > input,*/
/*.st-container > a{*/
    /*width: 20%;*/
    /*height: 34px;*/
    /*line-height: 34px;*/
    /*position: fixed;*/
    /*bottom: 0;*/
    /*cursor: pointer;*/

/*}*/

/*.st-container > input{*/
    /*隐藏元素*/
        /*display:none; 隐藏不占位*/

        /*position:absolute;*/
        /*left:-99999px;*/

        /*visibility:hidden; 隐藏但是占位 可用*/
        /*opacity:0; 可用*/
    /*opacity: 0;*/
    /*z-index:1000;*//* z-index 设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。*/
/*}*/

/*.st-container > a{*/
    /*z-index: 10;*/
    /*font-weight: 700;*/
    /*font-size: 16px;*/
    /*background: #33ff99;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*text-shadow:1px 1px 1px rgba(151,24,64,0.2);*/

/*}*/


/*#st-control-1,#st-control-1 + a {*/
    /*left: 0%;*/
/*}*/
/*#st-control-2,#st-control-2 + a{*/
    /*left: 20%;*/
/*}*/
/*#st-control-3,#st-control-3 + a{*/
    /*left: 40%;*/
/*}*/
/*#st-control-4,#st-control-4 + a{*/
    /*left: 60%;*/
/*}*/
/*#st-control-5,#st-control-5 + a {*/
    /*left: 80%;*/
/*}*/

/*.st-container input:checked + a,*/
/*.st-container input:checked:hover + a{*/
    /*background:#339966;*/
/*}*/

/*.st-container input:checked + a:after{*/
    /*content:"";*/
    /*width:0;*/
    /*height:0;*/
    /*overflow:hidden;*/
    /*border:20px solid transparent;*/
    /*border-bottom-color:#339966;*/
    /*position:absolute;*/
    /*bottom:100%;*/
    /*left:50%;*/
    /*margin-left:-20px;*/
/*}*/

/*.st-container input:hover + a {*/
    /*background:#33cc66;*/
/*}*/




.bbl{
    left: 0;
    top: 0;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    -moz-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
}

.bl{
     background:#fff;
     overflow:hidden;
     width:100%;
 }

/*.upper0{*/
    /*-webkit-transform:translateY(0);*/
    /*-moz-transform:translateY(0%);*/
    /*-o-transform:translateY(0%);*/
    /*-ms-transform:translateY(0%);*/
    /*transform:translateY(0%);*/
/*}*/

/*.upper1{*/
    /*-webkit-transform:translateY(-100%);*/
    /*-moz-transform:translateY(-100%);*/
    /*-o-transform:translateY(-100%);*/
    /*-ms-transform:translateY(-100%);*/
    /*transform:translateY(-100%);*/
/*}*/

/*.upper2{*/
    /*-webkit-transform:translateY(-200%);*/
    /*-moz-transform:translateY(-200%);*/
    /*-o-transform:translateY(-200%);*/
    /*-ms-transform:translateY(-200%);*/
    /*transform:translateY(-200%);*/
/*}*/

/*.upper3{*/
    /*-webkit-transform:translateY(-300%);*/
    /*-moz-transform:translateY(-300%);*/
    /*-o-transform:translateY(-300%);*/
    /*-ms-transform:translateY(-300%);*/
    /*transform:translateY(-300%);*/
/*}*/

/*.upper4{*/
    /*-webkit-transform:translateY(-400%);*/
    /*-moz-transform:translateY(-400%);*/
    /*-o-transform:translateY(-400%);*/
    /*-ms-transform:translateY(-400%);*/
    /*transform:translateY(-400%);*/
/*}*/

.upper0{
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
}

.upper1{
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate(0,-100%);
    -moz-transform:translate(0,-100%);
    -o-transform:translate(0,-100%);
    -ms-transform:translate(0,-100%);
    transform:translate(0,-100%);
}

.upper2{
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate(0,-200%);
    -moz-transform:translate(0,-200%);
    -o-transform:translate(0,-200%);
    -ms-transform:translate(0,-200%);
    transform:translate(0,-200%);
}

.upper3{
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate(0,-300%);
    -moz-transform:translate(0,-300%);
    -o-transform:translate(0,-300%);
    -ms-transform:translate(0,-300%);
    transform:translate(0,-300%);
}

.upper4{
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate(0,-400%);
    -moz-transform:translate(0,-400%);
    -o-transform:translate(0,-400%);
    -ms-transform:translate(0,-400%);
    transform:translate(0,-400%);
}


#st-control-6:checked ~ .bbl{
    -webkit-transform:translateY(-500%);
    -moz-transform:translateY(-500%);
    -o-transform:translateY(-500%);
    -ms-transform:translateY(-500%);
    transform:translateY(-500%);
}



/*.pic1,*/
/*.pic2,*/
/*.pic3,*/
/*.pic4{*/
    /*float:right;*/
/*}*/


.bbl
{
    position: relative;
    height: 100%;
    width: 100%;
}
.bl {
    height: 100%;
    width: 100%;
    position: relative;
}

/*@-webkit-keyframes upper{*/
    /*from {top:0px;}*/
    /*to{top:-100%;}*/
/*}*/

/*.upper{*/
    /*-webkit-animation: upper 1.5s;*/
    /*-o-animation: upper 1.5s;*/
    /*animation: upper 1.5s;*/
/*}*/

.nav{
    /*display: none;*/
}

#next{
    position: fixed;
    bottom: 0;
    z-index:1000;
    background-color:rgba(0, 0, 0, 0);
    margin:0 auto;
    width:30%;
    left:35%;
    /*right:40%;*/
    /*filter: alpha(opacity=100);
    opacity:.10;
	-moz-opacity:.10;  
	-khtml-opacity: 0;*/
	opacity: 0.5;
	border-style:none;
	text-align: center;
}

#next img{
    /*position: relative;*/
    margin:0 auto;
	max-width:50%;
	height: auto;
}
.con{
    height:100%;
    top:0;
    width:100%;
}

#st-control-1, #st-control-2, #st-control-3,
#st-control-4, #st-control-5, #st-control-6
{
    display: none;
}

.hidden
{
    display: none;
}

.goback
{
    text-align:left;
    margin:0;
    padding: 0;
    z-index:1000;
    position: absolute;
}

.goback img
{
    max-width:50%;
    height:auto;
    left:0;
    margin:0;
    padding: 0;
}

#flesh
{
    position: absolute;
    top:10%;
    width:100%;
}
#assign
{
    position: absolute;
    top:20%;
    width:100%;
}
#reject
{
    position: absolute;
    top:30%;
    width:100%;
}

#flesh img,
#assign img,
#reject img
{
    max-width: 70%;
    height: auto;
}

.flesh-text
{
    position: relative;
    background: url(../image/flesh-text.jpg);
    /*height: 30px;*/
    border-style:initial;
    margin: 10px;
    vertical-align: middle;
    width: 150px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#inflesh-trans
{
    margin: 10px;
    width:150px;
}
#flesh-name
{
    vertical-align: middle;
    width:100%;
}
#flesh-company
{
    vertical-align: middle;
    width:100%;
}
#flesh-tel
{
    vertical-align: middle;
    width:100%;
}
#flesh-trans
{


    width:100%;

}


#company-png, #name-png, #tel-png
{
    position: relative;
    max-width:15%;
    height: auto;
    vertical-align: middle;
}

#trans-png
{
    position: absolute;
    max-width: 50%;
    height: auto;
}

select
{
    position:absolute;
    background: url(../image/flesh-text.jpg);
    margin: 10px;
    height: 30px;
    border-style: initial;
    border-radius: 0;
}
#select{
    position:absolute;
    margin: 10px;
}

/*#flesh-submit*/
/*{*/
    /*position: relative;*/
/*}*/

#flesh-submit img
{
    max-width: 50%;
    height: auto;
}



/*#tips > p*/
/*{*/
    /*/!*vertical-align: middle;*!/*/
    /*color: #fff;*/
    /*font-size: 10px;*/
    /*margin: 0 auto; !important;*/
    /*padding: 0 auto; !important;*/
/*}*/

/*#back-of-form*/
/*{*/
    /*position: absolute;*/
/*}*/

.theform
{
    position: absolute;
    /*text-align: center;*/
}

#jianada
{
    position: absolute;
    opacity: 0;
    z-index: 1000;
    max-width: 50%;
    height: auto;
}

#quxian2
{
	position: absolute;
    opacity: 0;
    z-index: 1000;
    width: 45%;
    height: auto;
}

#benpao
{
    position: absolute;
    opacity: 1;
    z-index: 1000;
    width: 88%;
    height: auto;
}

#qiuguang,
#quwang
{
    position: absolute;
    opacity: 1;
    z-index: 1000;
    max-width: 60%;
    height: auto;
}

#flesh-submit
{
    position: absolute;
    width:80%;
    left:10%;
    top:70%;

}

#inflesh-trans
{
    position: fixed;
}
